Skip to main content

Section How To's

How to's for the Section guide.

How to Use Section?​

How to Use Section?​

The following steps should be followed to use the Section object on a form.

Add the Section Object to the Form​

  1. Open the form design screen
  2. Go to the Toolbox panel
  3. Locate the Section object
  4. Drag and drop the object onto the form

Add Objects into the Section​

  1. Click the Section area added to the form
  2. Drag other form objects (TextBox, ComboBox, DatePicker, etc.)
    and drop them into the Section
  3. Objects are automatically placed within the Section boundaries

Configure Section Properties​

  1. Select the Section object
  2. Open the Property Viewer panel on the right
  3. Adjust the general settings according to your needs
    • Caption (Title)
    • Visibility
    • Layout options

Test the Form​

  1. Save the form
  2. Build and publish the project
  3. Open the form in the web interface and verify the Section structure

Tips​

  • Improve readability by using multiple Sections in long forms
  • Choose descriptive Section titles
  • You can design more advanced forms by using it together with Panel or Tabs objects

Summary​

StepDescription
Add SectionAdded to the form via the Toolbox
Group objectsForm elements are placed inside the Section
Configure propertiesTitle and appearance are configured
TestVerified in the web interface

What Is Section?​

What Is Section?​

Section is a layout object used to group objects on a form under a specific structure and arrangement.

With the Section object:

  • A form can be divided into different sections
  • Each section can be organized independently
  • The readability and user experience of the form are improved

Section is especially preferred to divide content into meaningful parts in long and complex forms.

What Is It Used For?​

  • Divides the form into logical sections
  • Ensures objects are displayed in an organized and hierarchical manner
  • Makes it easier to create different form views or layouts
  • Helps users understand the form more easily

Usage Scenarios​

  • Sections such as personal information / contact information / address information
  • Step-by-step fields in application or request forms
  • Separating areas with different functions
  • Designing visually simpler and more organized forms

Notes​

  • The Section object does not store data by itself; it is for layout purposes only
  • Any type of form object can be added inside it
  • It can be used together with objects such as Panel or Tabs